<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
		/>
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>帮助</title>
		<link rel="stylesheet" href="../common/css/vant-index.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<p
				style="
					padding: var(--van-cell-vertical-padding)
						var(--van-cell-horizontal-padding);
					color: rgba(0, 0, 0, 0.45);
					font-size: 1.5rem;
					margin: 0;
				"
			>
				热门问题
			</p>

			<van-list
				class="list_box_100 doctor_box"
				v-model="loading"
				:finished="finished"
				:style="listsyle"
				finished-text="没有更多了"
				@load="onLoad"
			>
				<van-cell
					v-for="item in list"
					:key="item"
					style="font-size: 1.2rem"
					is-link
					:title="item.id<10 ?'0'+item.id+'.'+item.name : item.id+'.'+item.name"
					@click="linkToDetail(item.id)"
				/>
			</van-list>
		</div>
	</body>
	<!-- 上线环境用 -->
	<script src="../common/js/vue.global.prod.js"></script>
	<!-- 引入 UI 组件库 -->
	<script src="../common/js/vant.min.js"></script>
	<script src="../common/js/url.min.js"></script>

	<script type="module">
		const PatientData = {
			data() {
				return {
					finished: true,
					loading: false,
					list: [
						{
							id: '1',
							name: '如何完善个人信息',
						},
						{
							id: '2',
							name: '如何绑定手机号码',
						},
						{
							id: '3',
							name: '如何绑定医师团队',
						},
						{
							id: '4',
							name: '如何购买及绑定血糖仪',
						},
						{
							id: '5',
							name: '如何查看和与医师团队联系',
						},
						{
							id: '6',
							name: '如何打卡和查看打卡记录',
						},
						{
							id: '7',
							name: '如何查看控制目标',
						},
						{
							id: '8',
							name: '如何查看我的服务及进行服务评价',
						},
						{
							id: '9',
							name: '如何联系客服',
						},
						{
							id: '10',
							name: '如何佩戴硅基动态血糖仪及使用注意事项',
						},
						{
							id: '11',
							name: '如何填写个人档案及上传报告单',
						},
					],
				}
			},
			created() {},
			mounted() {},
			methods: {
				linkToDetail(id) {
					window.location.href = 'helpDetail.html?id=' + id
				},
			},
		}

		const app = Vue.createApp(PatientData)

		app.use(vant)
		app.use(vant.Lazyload)

		app.mount('#app')
	</script>
</html>
